<template>
    <div>
        <h1>App</h1>

        <!-- {{ joinStr(formatGender(gender)) }} -->

        {{ gender | formatGender | join('##') }}

        <!-- {{ 100 | add }} -->

        <!-- <button type="button" class="btn btn-primary">Primary</button> -->

        <TsButton type="primary"></TsButton>
        
        <Shop></Shop>
    </div>
</template>
<script>
export default {
    data() {
        return {
            gender: 2
        }
    },
    methods: {
        log(e) {
            console.log(e);
        },
        // formatGender(type) {
        //     const obj = { 1: "男", 2: '女' }
        //     return obj[type];
        // },
        // joinStr(str) {
        //     return str + '!!'
        // }
    }
}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>